<style lang="scss" scoped>
	.content {
		width: 100%;
		background-color: white;

		padding: 30rpx 25rpx;
	}

	.list {

		border-bottom: 1px solid #ccc;
		align-items: flex-start;
		padding: 25rpx 0;

		.red {
			transform: translateY(6rpx);
		}

		.textarea {
			width: 550rpx;
			height: 120rpx;
			font-size: 28rpx;
		}

		.mic {
			height: 120rpx;
			width: 80rpx;
			border-left: 1px solid #ccc;
			padding-left: 20rpx;
		}

		.ipt,
		.picker {
			width: 550rpx;
			text-align: right;
		}

		.uploadfile {
			width: 550rpx;

			.btns {
				width: 100%;
				justify-content: flex-end;

				.btn {
					padding: 0 30rpx;
					height: 64rpx;
					opacity: 1;
					background: #fffefe;
					border: 2rpx solid #409eff;
					border-radius: 34rpx;
				}
			}
		}

		.record {
			width: 550rpx;
		}
	}

	.line2 {
		width: 100%;
		border-bottom: 1px solid #ccc;
		line-height: 80rpx;

		.line {
			width: 100%;

			.t2 {
				width: 60%;
			}
		}
	}

	.footer {
		height: 160rpx;

		background-color: white;

	}
</style>

<template>
	<view class="content">
		<view class="f34 bold" style="padding:0 30rpx;border-bottom: 1px solid #ccc;padding-bottom: 20rpx;">操作处理</view>
		<view class="list between-flex f28">
			<view class="align-flex  gray">
				<span class="red">*</span>处理状态
			</view>
			<view class="picker textColor ">
				终止
			</view>
		</view>
		<view class="list between-flex f28">
			<view class="align-flex p-left10 gray">
				终止原因
			</view>
			<textarea class="textarea" v-model="reason" placeholder="请填写" />
		</view>

		<view class="footer center-flex">
			<view class="lbtn" @click="submit">
				提交
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			taskId: {
				default: 0
			}
		},
		data() {
			return {
				head: this.$head,
				reason: ''

			}
		},
		created() {

		},

		methods: {

			submit() {
				this.$showloading()
				this.$pop.ajaxPost('/bus/taskInfo/process', {
					taskId: this.taskId,
					type: 3,
					// reason:this.reason,
					explan: this.reason
				}).then((res) => {
					uni.hideLoading()
					if (res.code == 0) {
						this.$msg('操作成功')
						this.$emit('submit')
					} else {
						this.$msg(res.msg)
					}
				})

			},



		},
	}
</script>
